<template>
<div>
  	<h1>hello vue, <span>我们一起学习vue</span></h1>
  	<p>{{ count }}</p>
  	<p>{{ m }}</p>
  	<button @click="changeState">change state</button>
</div>
</template>
<script>
	export default{
		name : 'hello',
		data(){
			return {
				count : this.$store.state.count
			}
		},
		computed : {
			m(){
				return this.$store.state.count;
			}
		},
		methods : {
			changeState(){
				// commit 方法 提交给数据仓库的某一方法
				this.$store.commit('updateCount');
			}
		}
	}
</script>
<style type="text/css">
	h1{
		background:rgb(0,255,255);
	}
  	span{
		font-size : 20px;
		color : blue;
  	}
</style>